<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>嗨购网-海购就上嗨购网</title>
		<link rel="stylesheet" href="css/public.css"></link>
		<link rel="stylesheet" href="css/index.css"></link>
	</head>
	<body>
		<!--top区域-->
		<div id="top">
			<div class="top_box margin">
				<div class="welcome">
					<span id="login">
						<span>您好，欢迎来到嗨购网！</span>
						<a href="login.html">登录</a>
						<a href="register.html">注册</a>
					</span>
					<span id="member">
						您好<span id="uname"></span>
						<a href="#" id="tui">退出</a>
					</span>
				</div>
				<div class="top_right">
					<div class="kehu">
						<a href="#" class="item1">客户服务</a>
						<a href="#" class="item1">关注海购</a>
					</div>
					<div class="top_car">
						<i class="top_car_icon"></i>
						<a href="http://localhost/project/shoppingcar.html">
							购物车
							<span class="top_car_count" id="top_car_count">0</span>
							件
						</a>
					</div>
					<div class="top_ser">
						<dl id="zhanghu">
							<dt>
								<a href="#">我的账户</a>
							</dt>
							<dd id="zhanghu_list">
								<a href="#">我的订单</a>
								<a href="#">我的优惠券</a>
								<a href="#">我的积分</a>
								<a href="#">我的收藏</a>
							</dd>
						</dl>
					</div>
					
				</div>
			</div>
		</div>
		<!--header区域-->
		<header>
			<div class="margin clear">
				<div id="logobox">
					<a href="index.html" class="logo"><img src="images/logo.jpg"/></a>
				</div>
				<div id="searchbox">
					<div class="search">
						<form>
							<input type="text" name="" id="sear"/>
							<input type="submit" id="subbtn" value=""/>
						</form>
					</div>
					<div class="key">
						<a href="list.html">爽肤水</a>|<a href="#">面霜</a>|
						<a href="#">洗面奶</a>|
						<a href="#">香氛</a>|
						<a href="#">眼霜</a>|
						<a href="#">唇膏</a>|
						<a href="#">护肤套装</a>|
					</div>
					
				</div>
				<div id="header_right">
					<a href="http://localhost/project/submit.html" class="head_car">去购物车结算</a>
				</div>
			</div>
		</header>
		<!--nav区域-->
		<nav>
			<div class="margin">
				<div class="dropbox">
					<div class="droptitle">
						<div class="droptitle_box">
							<i></i>
							<span>全部商品分类</span>
						</div>
					</div>
					<div id="dropcontent">
						<div id="dropcontent_box">
							<ul>
								<li class="dropitem">
									<div class="drop_root">
										<a href="#" class="drop_root_til" name="护肤">护肤</a>
										<div class="fenlei">
											<a href="list.html">洁面</a>
											<a href="list.html">化妆水</a>
											<a href="list.html">精华</a>
											<a href="list.html">乳液/面霜</a>
											<a href="list.html">面膜</a>
											<a href="list.html">眼部护理</a>
											<a href="#">T区/唇部护理</a>
											<a href="#">护肤套装</a>
										</div>
									</div>
									<div class="drop_children">
										<div class="children_first">
											<!--这是json添加数据的地方-->
										</div>
										<div class="children_brand">
											<img src="images/navbrand.jpg"/>
										</div>
										<div class="children_second">
											<dl class="brand_item">
												<dt><a href="#"><span>相关品牌</span></a></dt>
												<dd>
													<a href="#">城野医生</a>
													<a href="#">比提斯</a>
													<a href="#">DHC</a>
													<a href="#">澳佳宝</a>
													<a href="#">梦妆</a>
												</dd>
											</dl>
											
										</div>
									</div>
								</li>
								<li class="dropitem">
										<div class="drop_root">
											<a href="#" class="drop_root_til" name="彩妆">彩妆</a>
											<div class="fenlei">
												<a href="#">卸妆</a>
												<a href="#">防晒/隔离</a>
												<a href="#">底妆</a>
												<a href="#">遮瑕</a>
												<a href="#">眉部/睫毛</a>
												<a href="#">腮红</a>
												<a href="#">眼部</a>
												<a href="#">唇部</a>
												<a href="#">美甲</a>
												<a href="#">唇部套装</a>
											</div>
										</div>
										<div class="drop_children">
											<div class="children_first">
												<!--json请求的数据-->
											</div>
											<div class="children_brand">
												<img src="images/navbrand.jpg"/>
											</div>
											<div class="children_second">
												<dl class="brand_item">
													<dt><a href="#"><span>相关品牌</span></a></dt>
													<dd>
														<a href="#">城野医生</a>
														<a href="#">比提斯</a>
														<a href="#">DHC</a>
														<a href="#">澳佳宝</a>
														<a href="#">梦妆</a>
													</dd>
												</dl>
												
											</div>
										</div>
									</li>
								<li class="dropitem">
										<div class="drop_root">
											<a href="#" class="drop_root_til" name="香氛">香氛</a>
											<div class="fenlei">
												<a href="#">女士香水</a>
												<a href="#">中性香水</a>
												<a href="#">Q版香水</a>
												<a href="#">男士香水</a>
												<a href="#">香体露</a>
												<a href="#">精油</a>
											</div>
										</div>
										<div class="drop_children">
											<div class="children_first">
												<!-- json数据 -->
											</div>
											<div class="children_brand">
												<img src="images/navbrand.jpg"/>
											</div>
											<div class="children_second">
												<dl class="brand_item">
													<dt><a href="#"><span>相关品牌</span></a></dt>
													<dd>
														<a href="#">城野医生</a>
														<a href="#">比提斯</a>
														<a href="#">DHC</a>
														<a href="#">澳佳宝</a>
														<a href="#">梦妆</a>
													</dd>
												</dl>
												
											</div>
										</div>
									</li>
								<li class="dropitem">
										<div class="drop_root">
											<a href="#" class="drop_root_til" name="其他">其他</a>
											<div class="fenlei">
												<a href="#">美发</a>
												<a href="#">沐浴</a>
												<a href="#">润肤</a>
												<a href="#">手足护理</a>
												<a href="#">颈部护理</a>
												<a href="#">纤体美体</a>
												<a href="#">个人护理</a>
												<a href="#">护理套装</a>
												<a href="#">美容工具</a>
												<a href="#">保健品/食品</a>
											</div>
										</div>
										<div class="drop_children">
											<div class="children_first">
												<!-- json数据 -->
											</div>
											<div class="children_brand">
												<img src="images/navbrand.jpg"/>
											</div>
											<div class="children_second">
												<dl class="brand_item">
													<dt><a href="#"><span>相关品牌</span></a></dt>
													<dd>
														<a href="#">城野医生</a>
														<a href="#">比提斯</a>
														<a href="#">DHC</a>
														<a href="#">澳佳宝</a>
														<a href="#">梦妆</a>
													</dd>
												</dl>
												
											</div>
										</div>
									</li>
								
							</ul>
						</div>
					</div>
				</div>
				<script src="js/ajax.2.0.js"></script>
				<script src="js/menu.js"></script>
				<div class="menu">
					<ul>
						<li><a href="#">首页</a></li>
						<li><a href="#">大牌小样</a></li>
						<li><a href="#">今日抢购</a></li>
						<li><a href="#">品牌区</a></li>
						<li><a href="#">消费者告知</a></li>
					</ul>
				</div>
			</div>
			
			
		</nav>
		<!--banner区域-->
		<section id="banner">
			<ol>
				<li class="ban1"><a href="#"></a></li>
				<li class="ban2"><a href="#"></a></li>
				<li class="ban3"><a href="#"></a></li>
			</ol>
			
		</section>
		<script src="js/jquery.js"></script>
		<script src="js/banner.js"></script>
		<script>
			$("#banner").banner({
				items:$("#banner").find("li"),//图片,必选
				list:true,//
				autoPlay:true,//自动播放,默认true 
				moveTime:1000,//默认200
				delayTime:000,//延迟事件
				index:0,//默认从哪个位置开始播放
			})
		</script>
		<!--主体部分-->
		<div id="main">
			<div class="margin">
			<!--保证信息FC-->
				<div id="fc">
					<ul class="clear">
						<li class="item1"><img src="images/item01.jpg"/></li>
						<li class="item2"><img src="images/item02.jpg"/></li>
						<li class="item3"><img src="images/item03.jpg"/></li>
						<li class="item4"><img src="images/item04.jpg"/></li>
					</ul>
				</div>
				
				
			<!--左右按钮控制滚动的商品-->
				<div id="gundongbox1">
					<div id="gundong">
						<a href="javascript:;" class="prev"></a>
						<a href="javascript:;" class="next"></a>
						<div class="itembox">
							<div class="itemwrap clear swiper-slide">
								<div class="gd01">
									<div class="p">
										<a href="#"><img src="images/gd01.jpg"/></a>
									</div>
									<div class="i">
										<a href="#">疯狂的更何况附近的这些事商品介绍</a>
										<span><em>10元</em></span>
										<span><del>20元</del></span>
									</div>
								</div>
								<div class="gd01">
									<div class="p">
										<a href="#"><img src="images/gd02.jpg"/></a>
									</div>
									<div class="i">
										<a href="#">疯狂的更何况附近的这些事商品介绍</a>
										<span><em>10元</em></span>
										<span><del>20元</del></span>
									</div>
								</div>
								<div class="gd01">
									<div class="p">
										<a href="#"><img src="images/gd03.jpg"/></a>
									</div>
									<div class="i">
										<a href="#">疯狂的更何况附近的这些事商品介绍</a>
										<span><em>10元</em></span>
										<span><del>20元</del></span>
									</div>
								</div>
								<div class="gd01">
									<div class="p">
										<a href="#"><img src="images/gd03.jpg"/></a>
									</div>
									<div class="i">
										<a href="#">疯狂的更何况附近的这些事商品介绍</a>
										<span><em>10元</em></span>
										<span><del>20元</del></span>
									</div>
								</div>
								<div class="gd05 gd01">
									<div class="p">
										<a href="#"><img src="images/gd03.jpg"/></a>
									</div>
									<div class="i">
										<a href="#">疯狂的更何况附近的这些事商品介绍</a>
										<span><em>10元</em></span>
										<span><del>20元</del></span>
									</div>
								</div>
							</div>
							<div class="itemwrap clear swiper-slide">
									<div class="gd01">
										<div class="p">
											<a href="#"><img src="images/gd03.jpg"/></a>
										</div>
										<div class="i">
											<a href="#">疯狂的更何况附近的这些事商品介绍</a>
											<span><em>10元</em></span>
											<span><del>20元</del></span>
										</div>
									</div>
									<div class="gd01">
										<div class="p">
											<a href="#"><img src="images/gd03.jpg"/></a>
										</div>
										<div class="i">
											<a href="#">疯狂的更何况附近的这些事商品介绍</a>
											<span><em>10元</em></span>
											<span><del>20元</del></span>
										</div>
									</div>
									<div class="gd01">
										<div class="p">
											<a href="#"><img src="images/gd03.jpg"/></a>
										</div>
										<div class="i">
											<a href="#">疯狂的更何况附近的这些事商品介绍</a>
											<span><em>10元</em></span>
											<span><del>20元</del></span>
										</div>
									</div>
									<div class="gd01">
										<div class="p">
											<a href="#"><img src="images/gd03.jpg"/></a>
										</div>
										<div class="i">
											<a href="#">疯狂的更何况附近的这些事商品介绍</a>
											<span><em>10元</em></span>
											<span><del>20元</del></span>
										</div>
									</div>
									<div class="gd05 gd01">
										<div class="p">
											<a href="#"><img src="images/gd03.jpg"/></a>
										</div>
										<div class="i">
											<a href="#">疯狂的更何况附近的这些事商品介绍</a>
											<span><em>10元</em></span>
											<span><del>20元</del></span>
										</div>
									</div>
								</div>
							<div class="itemwrap clear swiper-slide">
									<div class="gd01">
										<div class="p">
											<a href="#"><img src="images/gd03.jpg"/></a>
										</div>
										<div class="i">
											<a href="#">疯狂的更何况附近的这些事商品介绍</a>
											<span><em>10元</em></span>
											<span><del>20元</del></span>
										</div>
									</div>
									<div class="gd01">
										<div class="p">
											<a href="#"><img src="images/gd03.jpg"/></a>
										</div>
										<div class="i">
											<a href="#">疯狂的更何况附近的这些事商品介绍</a>
											<span><em>10元</em></span>
											<span><del>20元</del></span>
										</div>
									</div>
									<div class="gd01">
										<div class="p">
											<a href="#"><img src="images/gd03.jpg"/></a>
										</div>
										<div class="i">
											<a href="#">疯狂的更何况附近的这些事商品介绍</a>
											<span><em>10元</em></span>
											<span><del>20元</del></span>
										</div>
									</div>
									<div class="gd01">
										<div class="p">
											<a href="#"><img src="images/gd03.jpg"/></a>
										</div>
										<div class="i">
											<a href="#">疯狂的更何况附近的这些事商品介绍</a>
											<span><em>10元</em></span>
											<span><del>20元</del></span>
										</div>
									</div>
									<div class="gd05 gd01">
										<div class="p">
											<a href="#"><img src="images/gd03.jpg"/></a>
										</div>
										<div class="i">
											<a href="#">疯狂的更何况附近的这些事商品介绍</a>
											<span><em>10元</em></span>
											<span><del>20元</del></span>
										</div>
									</div>
								</div>
							<div class="itemwrap clear swiper-slide">
									<div class="gd01">
										<div class="p">
											<a href="#"><img src="images/gd03.jpg"/></a>
										</div>
										<div class="i">
											<a href="#">疯狂的更何况附近的这些事商品介绍</a>
											<span><em>10元</em></span>
											<span><del>20元</del></span>
										</div>
									</div>
									<div class="gd01">
										<div class="p">
											<a href="#"><img src="images/gd03.jpg"/></a>
										</div>
										<div class="i">
											<a href="#">疯狂的更何况附近的这些事商品介绍</a>
											<span><em>10元</em></span>
											<span><del>20元</del></span>
										</div>
									</div>
									<div class="gd01">
										<div class="p">
											<a href="#"><img src="images/gd03.jpg"/></a>
										</div>
										<div class="i">
											<a href="#">疯狂的更何况附近的这些事商品介绍</a>
											<span><em>10元</em></span>
											<span><del>20元</del></span>
										</div>
									</div>
									<div class="gd01">
										<div class="p">
											<a href="#"><img src="images/gd03.jpg"/></a>
										</div>
										<div class="i">
											<a href="#">疯狂的更何况附近的这些事商品介绍</a>
											<span><em>10元</em></span>
											<span><del>20元</del></span>
										</div>
									</div>
									<div class="gd05 gd01">
										<div class="p">
											<a href="#"><img src="images/gd03.jpg"/></a>
										</div>
										<div class="i">
											<a href="#">疯狂的更何况附近的这些事商品介绍</a>
											<span><em>10元</em></span>
											<span><del>20元</del></span>
										</div>
									</div>
								</div>
						</div>
					</div>
				</div>
				<script src="js/gundong.js"></script>
				<script>
						$('#gundong').slide();
				</script>
			<!--热荐品牌-->	
				<div id="brand">
					<div class="brand_title">
						<label>热荐品牌</label>
						<span>HOT BRAND</span>
						<div class="brandkey">
							<a href="#">防晒隔离</a>
							<span>|</span>
							<a href="#">面膜</a>
							<span>|</span>
							<a href="#">补水</a>
							<span>|</span>
							<a href="#">雅诗兰黛</a>
							<span>|</span>
							<a href="#">水宝宝</a>
							<span>|</span>
							<a href="#">兰蔻</a>
							<span>|</span>
							<a href="#">美白</a>
						</div>
					</div>
					<div class="brand_content">
						<dl>
							<dt>
								<ul>
									<li><span>欧美大牌</span></li>
									<li><span>日韩品牌</span></li>
									<li><span>其他品牌</span></li>
								</ul>
								<span class="brandslid"></span>
							</dt>
							<dd class="brand_first">
								<div class="branda_t">
									<a href="#"><img src="images/brand101.jpg"/></a>
									<a href="#"><img src="images/brand102.jpg"/></a>
									<a href="#"><img src="images/brand103.jpg"/></a>
									<a href="#"><img src="images/brand104.jpg"/></a>
									<a href="#"><img src="images/brand105.jpg"/></a>
									<a href="#"><img src="images/brand106.jpg"/></a>
								</div>
								<div class="branda_b">
									<a href="#"><img src="images/sbrand101.jpg"/></a>
									<a href="#"><img src="images/sbrand102.jpg"/></a>
									<a href="#"><img src="images/sbrand103.jpg"/></a>
									<a href="#"><img src="images/sbrand104.jpg"/></a>
									<a href="#"><img src="images/sbrand105.jpg"/></a>
									<a href="#"><img src="images/sbrand106.jpg"/></a>
									<a href="#"><img src="images/sbrand101.jpg"/></a>
									<a href="#"><img src="images/sbrand102.jpg"/></a>
									<a href="#"><img src="images/sbrand103.jpg"/></a>
								</div>
							</dd>
							<dd class="brand_second">
									<div class="branda_t">
										<a href="#"><img src="images/brand201.jpg"/></a>
										<a href="#"><img src="images/brand202.jpg"/></a>
										<a href="#"><img src="images/brand203.jpg"/></a>
										<a href="#"><img src="images/brand204.jpg"/></a>
										<a href="#"><img src="images/brand205.jpg"/></a>
										<a href="#"><img src="images/brand206.jpg"/></a>
									</div>
									<div class="branda_b">
										<a href="#"><img src="images/sbrand106.jpg"/></a>
										<a href="#"><img src="images/sbrand105.jpg"/></a>
										<a href="#"><img src="images/sbrand104.jpg"/></a>
										<a href="#"><img src="images/sbrand103.jpg"/></a>
										<a href="#"><img src="images/sbrand102.jpg"/></a>
										<a href="#"><img src="images/sbrand101.jpg"/></a>
										<a href="#"><img src="images/sbrand106.jpg"/></a>
										<a href="#"><img src="images/sbrand105.jpg"/></a>
										<a href="#"><img src="images/sbrand104.jpg"/></a>
									</div>
								</dd>
							<dd class="brand_third">
									<div class="branda_t">
										<a href="#"><img src="images/brand106.jpg"/></a>
										<a href="#"><img src="images/brand104.jpg"/></a>
										<a href="#"><img src="images/brand102.jpg"/></a>
										<a href="#"><img src="images/brand202.jpg"/></a>
										<a href="#"><img src="images/brand204.jpg"/></a>
										<a href="#"><img src="images/brand205.jpg"/></a>
									</div>
									<div class="branda_b">
										<a href="#"><img src="images/sbrand101.jpg"/></a>
										<a href="#"><img src="images/sbrand102.jpg"/></a>
										<a href="#"><img src="images/sbrand103.jpg"/></a>
										<a href="#"><img src="images/sbrand104.jpg"/></a>
										<a href="#"><img src="images/sbrand105.jpg"/></a>
										<a href="#"><img src="images/sbrand106.jpg"/></a>
										<a href="#"><img src="images/sbrand101.jpg"/></a>
										<a href="#"><img src="images/sbrand102.jpg"/></a>
										<a href="#"><img src="images/sbrand103.jpg"/></a>
									</div>
								</dd>
							
						</dl>
					</div>
				</div>
				<script src="js/indextab.js"></script>
				<script>
					$(".brand_content").tab({
						tabt:$(".brand_content").find("li"),
						tabslid:$(".brand_content").find(".brandslid"),
						tablist:$(".brand_content").find("dd")
					})
				</script>
			<!--大牌小样-->	
				<div id="small">
					<div class="small_title">
						<label>大牌小样</label>
						<span>SMALL SMAPLE</span>
						<div class="brandkey">
							<a href="#">防晒</a>
							<span>|</span>
							<a href="#">面膜</a>
							<span>|</span>
							<a href="#">补水</a>
							<span>|</span>
							<a href="#">隔离</a>
							<span>|</span>
							<a href="#">唇膏</a>
						</div>
					</div>
					<div class="small_content">
						<div class="small_top clear">
							<a href="#" class="small_top_l"><img src="images/small01.jpg"/></a>
							<a href="#" class="small_top_r"><img src="images/small02.jpg"/></a>
						</div>
					</div>
					<div id="gundongbox2">
						<div id="gundong">
								<a href="javascript:;" class="prev"></a>
								<a href="javascript:;" class="next"></a>
								<div class="itembox">
									<div class="itemwrap">
										<div class="gd01">
											<div class="p">
												<a href="#"><img src="images/gd03.jpg"/></a>
											</div>
											<div class="i">
												<a href="#">疯狂的更何况附近的这些事商品介绍</a>
												<span><em>10元</em></span>
												<span><del>20元</del></span>
											</div>
										</div>
										<div class="gd01">
											<div class="p">
												<a href="#"><img src="images/gd03.jpg"/></a>
											</div>
											<div class="i">
												<a href="#">疯狂的更何况附近的这些事商品介绍</a>
												<span><em>10元</em></span>
												<span><del>20元</del></span>
											</div>
										</div>
										<div class="gd01">
											<div class="p">
												<a href="#"><img src="images/gd03.jpg"/></a>
											</div>
											<div class="i">
												<a href="#">疯狂的更何况附近的这些事商品介绍</a>
												<span><em>10元</em></span>
												<span><del>20元</del></span>
											</div>
										</div>
										<div class="gd01">
											<div class="p">
												<a href="#"><img src="images/gd03.jpg"/></a>
											</div>
											<div class="i">
												<a href="#">疯狂的更何况附近的这些事商品介绍</a>
												<span><em>10元</em></span>
												<span><del>20元</del></span>
											</div>
										</div>
										<div class="gd05 gd01">
											<div class="p">
												<a href="#"><img src="images/gd03.jpg"/></a>
											</div>
											<div class="i">
												<a href="#">疯狂的更何况附近的这些事商品介绍</a>
												<span><em>10元</em></span>
												<span><del>20元</del></span>
											</div>
										</div>
									</div>
								</div>
							</div>
						
					</div>
				</div>
				
			<!--迪奥广告-->	
				<div id="dirad">
					<a href="#"><img src="images/dir.jpg"/></a>
				</div>
			<!--面部护肤-->
				<div id="skin" class="floor">
					<div class="skin_title">
						<label>面部护肤</label>
						<span>SKIN CARE</span>
						<div class="brandkey">
							<a href="#">洁面</a>
							<span>|</span>
							<a href="#">乳液</a>
							<span>|</span>
							<a href="#">卸妆</a>
							<span>|</span>
							<a href="#">化妆水</a>
							<span>|</span>
							<a href="#">精华</a>
							<span>|</span>
							<a href="#">眼霜</a>
						</div>
					</div>
					<div class="skin_content clear">
						<div class="skin_slid">
							<ol>
								<li><a><img src="images/skinslid01.jpg"/></a></li>
							</ol>
							<ul></ul>
						</div>
						<div class="skinpic one">
							<a href="#"><img src="images/skin01.jpg" class="img1"/></a>
							<a href="#"><img src="images/skin01b.jpg" class="img2"/></a>
						</div>
						<div class="skinpic two">
							<a href="#"><img src="images/skin03.jpg" class="img1"/></a>
							<a href="#"><img src="images/skin02b.jpg" class="img2"/></a>
						</div>
						<div class="four">
							<a href="#"><img src="images/skin04.jpg"/></a>
						</div>
						<div class="skinpic three">
							<a href="#"><img src="images/skin03.jpg" class="img1"/></a>
							<a href="#"><img src="images/skin03b.jpg" class="img2"/></a>
						</div>
					</div>
				</div>
			<!--时尚彩妆-->
				<div id="skin" class="floor">
					<div class="skin_title">
						<label>时尚彩妆</label>
						<span>SKIN CARE</span>
						<div class="brandkey">
							<a href="#">洁面</a>
							<span>|</span>
							<a href="#">乳液</a>
							<span>|</span>
							<a href="#">卸妆</a>
							<span>|</span>
							<a href="#">化妆水</a>
							<span>|</span>
							<a href="#">精华</a>
							<span>|</span>
							<a href="#">眼霜</a>
						</div>
					</div>
					<div class="skin_content clear">
						<div class="skin_slid">
							<ol>
								<li><a><img src="images/skinslid01.jpg"/></a></li>
							</ol>
							<ul></ul>
						</div>
						<div class="skinpic one">
							<a href="#"><img src="images/skin01.jpg" class="img1"/></a>
							<a href="#"><img src="images/skin01b.jpg" class="img2"/></a>
						</div>
						<div class="skinpic two">
							<a href="#"><img src="images/skin03.jpg" class="img1"/></a>
							<a href="#"><img src="images/skin02b.jpg" class="img2"/></a>
						</div>
						<div class="four">
							<a href="#"><img src="images/skin04.jpg"/></a>
						</div>
						<div class="skinpic three">
							<a href="#"><img src="images/skin03.jpg" class="img1"/></a>
							<a href="#"><img src="images/skin03b.jpg" class="img2"/></a>
						</div>
					</div>
				</div>
			<!--美体香氛-->
				<div id="skin" class="floor">
					<div class="skin_title">
						<label>美体香氛</label>
						<span>SKIN CARE</span>
						<div class="brandkey">
							<a href="#">洁面</a>
							<span>|</span>
							<a href="#">乳液</a>
							<span>|</span>
							<a href="#">卸妆</a>
							<span>|</span>
							<a href="#">化妆水</a>
							<span>|</span>
							<a href="#">精华</a>
							<span>|</span>
							<a href="#">眼霜</a>
						</div>
					</div>
					<div class="skin_content clear">
						<div class="skin_slid">
							<ol>
								<li><a><img src="images/skinslid01.jpg"/></a></li>
							</ol>
							<ul></ul>
						</div>
						<div class="skinpic one">
							<a href="#"><img src="images/skin01.jpg" class="img1"/></a>
							<a href="#"><img src="images/skin01b.jpg" class="img2"/></a>
						</div>
						<div class="skinpic two">
							<a href="#"><img src="images/skin03.jpg" class="img1"/></a>
							<a href="#"><img src="images/skin02b.jpg" class="img2"/></a>
						</div>
						<div class="four">
							<a href="#"><img src="images/skin04.jpg"/></a>
						</div>
						<div class="skinpic three">
							<a href="#"><img src="images/skin03.jpg" class="img1"/></a>
							<a href="#"><img src="images/skin03b.jpg" class="img2"/></a>
						</div>
					</div>
				</div>
			<!--美体香氛-->
				<div id="skin" class="floor">
					<div class="skin_title">
						<label>美体香氛</label>
						<span>SKIN CARE</span>
						<div class="brandkey">
							<a href="#">洁面</a>
							<span>|</span>
							<a href="#">乳液</a>
							<span>|</span>
							<a href="#">卸妆</a>
							<span>|</span>
							<a href="#">化妆水</a>
							<span>|</span>
							<a href="#">精华</a>
							<span>|</span>
							<a href="#">眼霜</a>
						</div>
					</div>
					<div class="skin_content clear">
						<div class="skin_slid">
							<ol>
								<li><a><img src="images/skinslid01.jpg"/></a></li>
							</ol>
							<ul></ul>
						</div>
						<div class="skinpic one">
							<a href="#"><img src="images/skin01.jpg" class="img1"/></a>
							<a href="#"><img src="images/skin01b.jpg" class="img2"/></a>
						</div>
						<div class="skinpic two">
							<a href="#"><img src="images/skin03.jpg" class="img1"/></a>
							<a href="#"><img src="images/skin02b.jpg" class="img2"/></a>
						</div>
						<div class="four">
							<a href="#"><img src="images/skin04.jpg"/></a>
						</div>
						<div class="skinpic three">
							<a href="#"><img src="images/skin03.jpg" class="img1"/></a>
							<a href="#"><img src="images/skin03b.jpg" class="img2"/></a>
						</div>
					</div>
				</div>
			</div>
		</div>
			
		<!--在线客服部分-->
		<div id="help">
			<div class="margin">
				<div class="helpbox clear">
					<div class="help_left">
						<ul>
							<li class="kf"><span></span>在线客服</li>
							<li class="email"><span></span>kf@higoo.com</li>
							<li class="phone"><span></span>4007-600-600<br><em>AM 08:00-PM 24:00</em></li>
						</ul>
					</div>
					<div class="help_center clear">
						<dl>
							<dt><a href="#">海购特色</a></dt>
							<dd><a href="#">正品保障</a></dd>
							<dd><a href="#">物流保障</a></dd>
							<dd><a href="#">绿色通关</a></dd>
							<dd><a href="#">护肤宝典</a></dd>
						</dl>
						<dl>
							<dt><a href="#">购物指南</a></dt>
							<dd><a href="#">正品保障</a></dd>
							<dd><a href="#">物流保障</a></dd>
							<dd><a href="#">绿色通关</a></dd>
							<dd><a href="#">护肤宝典</a></dd>
						</dl>
						<dl>
							<dt><a href="#">支付/配送</a></dt>
							<dd><a href="#">正品保障</a></dd>
							<dd><a href="#">物流保障</a></dd>
							<dd><a href="#">绿色通关</a></dd>
							<dd><a href="#">护肤宝典</a></dd>
						</dl>
						<dl>
							<dt><a href="#">售后服务</a></dt>
							<dd><a href="#">退货政策</a></dd>
							<dd><a href="#">退货流程</a></dd>
							<dd><a href="#">退货说明</a></dd>
						</dl>
						<dl>
							<dt><a href="#">关于我们</a></dt>
							<dd><a href="#">消费者告知书</a></dd>
							<dd><a href="#">公司简介</a></dd>
							<dd><a href="#">练习我们</a></dd>
						</dl>
					</div>
					<div class="help_right">
						<p class="weixin">嗨购微信</p>
						<img src="images/weixin.jpg"/>
						<p>扫一扫 品质在手</p>
					</div>
				</div>
			</div>
		</div>
		<!--版权部分-->
		<footer>
			<div class="margin">
				<div class="footer_space"></div>
				<div class="footer_text">
					<p>2012 深圳市美丽控科技有限公司 <strong>Higoo.com</strong> 保留一切权利。</p>
					<p> 河南保税物流中心入驻单位（D00002）、深圳前海湾保税区入驻单位（4403660117）</p>
					<p>工作时间: 9:00-18:00 &nbsp;&nbsp;&nbsp;&nbsp; 客服热线：4007-600-600 </p>
				</div>
				<div class="footer_img">
					<a href="#"><img src="images/copy01.jpg"/></a>
					<a href="#"><img src="images/copy02.jpg"/></a>
					<a href="#"><img src="images/copy03.jpg"/></a>
				</div>
				<div class="xuke">ICP经营许可证:粤B2-20160253</div>
				<div class="copy">粤ICP备18110695号</div>
			</div>
		</footer>
		
		<!--侧边楼层导航-->
		<div id="floor">
			<span class="floorbox f1">1F<em>大牌小样</em></span>
			<span class="floorbox f2">2F<em>面部护肤</em></span>
			<span class="floorbox f3">3F<em>时尚彩妆</em></span>
			<span class="floorbox f4">4F<em>美体香氛</em></span>
			<span class="totop"><img src="images/f_top.jpg"/></span>
		</div>
		<script src="js/floor.js"></script>
		<script>
			$("#floor").floor({
				floor:$("#main").find(".floor"),
				items:$("#floor").find(".floorbox"),
				totop:$("#floor").find(".totop")
			})
		</script>
	
	<script src="js/index.js"></script>
	<script src="js/require.js" data-main="js/indexmain"></script>
	<!-- <script src="js/cookie.js"></script>
	<script src="js/topcarcount.js"></script> -->
	<script src="js/cookie.js"></script>
	<script src="js/topcarcount.js"></script>
	</body>
</html>
